<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<html>
<head>
<link rel="stylesheet" type="text/css"
	href="../css/jquery.datetimepicker.css" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.datetimepicker.js"></script>

<script type="text/javascript">
	$(function() {

		var nday = 10;
		var now = new Date();
		var d = new Date(); //这里日期是传递过来的，可以自己改
		d.setDate(d.getDate() - nday); //天数+10
		var lastdate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-"
				+ d.getDate(); //昨天
		var year = now.getFullYear(); //年
		var month = now.getMonth() + 1; //月
		var day = now.getDate(); //日	
		var currdate = year + "-" + month + "-" + day;

		//日期选择
		var ex1 = $('#kssj');
		ex1.datetimepicker({
			lang : 'ch',
			timepicker : false,
			format : 'Y-m-d',
			formatDate : 'Y-m-d',
		});

		if ("${kssj}" == "") {
			ex1.val(lastdate);
		}
		//日期选择
		var ex2 = $('#jssj');
		ex2.datetimepicker({
			lang : 'ch',
			timepicker : false,
			format : 'Y-m-d',
			formatDate : 'Y-m-d',
		});
		if ("${jssj}" == "") {
			ex2.val(currdate);
		}
	});
</script>

<script type="text/javascript">
	function ajfx() {
		frmlist.action = "SelectAjfx.do";
		document.frmlist.submit();
	}
	function excel() {
		/* alert("excel download"); */
		frmlist.action = "excel.do";
	}
</script>
<%int i = 0;%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>博康云信</title>
</head>


<body>
	<h1 id="con" align="center">普陀案件数据查询</h1>
	<script type="text/javascript">
		var title = document.getElementById("con");
		title.style.color = "white";
		title.style.background = "black";
		title.style.fontSize = "20";
		title.style.width = "300";
		title.style.height = "200";
		function pattern() {
			var pattern = document.getElementById("text-align:right;")
		}
	</script>



	<form id="frmlist">
		<!-- <form action="SelectAjfx.do"> -->
		<table width="700" height="200" align="center">
			<tr>
				<th>
					<div>
						<p>
							开始日期：<input type="text" name="kssj" value="${kssj}" id="kssj" />

						</p>
					</div>
				</th>
				<th>
					<div>
						<p>
							结束日期：<input type="text" name="jssj" value="${jssj}" id="jssj" />
						</p>
					</div>
				</th>
				<th>
					<div style="text-align: center;">
						<input type="submit" name="submit" value="查询" onclick="ajfx()"></input>
						<input type="submit" name="export" value="导出" onClick="excel()"></input>
					</div>
				</th>
			</tr>
		</table>
	</form>


	<table width="1600" border="1" align="center">
		<tr>
			<td width="80" height="50" align="center">序号</td>
			<td width="120" height="50" align="center">任务下发日期</td>
			<td width="180" height="50" align="center">资源上传单位</td>
			<td width="120" height="50" align="center">资源收集日期</td>
			<td width="100" height="50" align="center">案件编号</td>
			<td width="100" height="50" align="center">案发日期</td>
			<td width="100" height="50" align="center">案发时段</td>
			<td width="140" height="50" align="center">案事件类别</td>
			<td width="100" height="50" align="center">案发场所</td>
			<td width="100" height="50" align="center">作案手法</td>
			<td width="100" height="50" align="center">嫌疑车辆</td>
			<td width="100" height="50" align="center">车辆类型</td>
			<td width="100" height="50" align="center">车辆颜色</td>
			<td width="100" height="50" align="center">车牌号</td>
			<td width="100" height="50" align="center">案发地址</td>
			<td width="120" height="50" align="center">案事件备注</td>
		</tr>
		<c:forEach items="${list}" var="bocom">
			<tr>
				<td><c:out value="${bocom.rn}" /></td>
				<td><fmt:formatDate value="${bocom.jobsubmit}" type="both" /></td>
				<td><c:out value="${bocom.jobowner}" /></td>
				<td><c:out value="${bocom.jobsubmitdate}" /></td>
				<td><c:out value="${bocom.caseid}" /></td>
				<td><c:out value="${bocom.casedate}" /></td>
				<td><c:out value="${bocom.casetime}" /></td>
				<td><c:out value="${bocom.casetype}" /></td>
				<td><c:out value="${bocom.caseposition}" /></td>
				<td><c:out value="${bocom.casemethod}" /></td>
				<td><c:out value="${bocom.hassuspectveicle}" /></td>
				<td><c:out value="${bocom.suspectveicletype}" /></td>
				<td><c:out value="${bocom.suspectveiclecolor}" /></td>
				<td><c:out value="${bocom.suspectveiclecard}" /></td>
				<td><c:out value="${bocom.caseaddress}" /></td>
				<td><c:out value="${bocom.caseremark}" /></td>
			</tr>
		</c:forEach>

	</table>


</body>
</html>